.member-wrap {
	padding: 0 32rpx 20rpx;
	position: relative;
	display: flex;
	flex-direction: column;

	.member-head {
		width: 100%;
		display: flex;
		margin: 60rpx 0 0;
		align-items: flex-start;
		overflow: hidden;
		box-sizing: border-box;
		.member-head-img {
			width: 108rpx;
			height: 108rpx;
			display: block;
			border-radius: 50%;
			margin-right: 30rpx;
		}
		.member-head-text-wrap {
			display: flex;
			flex-direction: column;
			flex: 1;
			.member-head-name {
				font-size: 40rpx;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #FFFFFF;
			}
			.member-head-phone {
				font-size: 36rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
			}
		}
		.mine-setting-wrap {
			width: 124rpx;
			height: 48rpx;
			background: rgba(0, 0, 0, 0.14);
			border-radius: 24rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			.mine-setting-text {
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
			}
			>image {
				width: 28rpx;
				height: 28rpx;
				margin-right: 8rpx;
			}
		}
		
	}
	
	.coin-line-wrap {
		display: flex;
		margin: 16rpx 0 32rpx;
		.item-wrap {
			height: 48rpx;
			background: rgba(0, 0, 0, 0.14);
			border-radius: 24rpx;
			display: flex;
			align-items: center;
			padding: 0 20rpx;
			.item-text{
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				margin-left: 8rpx;
			}
			>image {
				width: 28rpx;
				height: 28rpx;
				margin-right: 4rpx;
			}
		}
	}

	.member-main {
		// height: 436rpx;
		border-radius: 16rpx;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
		width: 686rpx;
		padding: 20rpx 30rpx 0;
		box-sizing: border-box;
		margin-bottom: 24rpx;
		.member-main-list {
			display: flex;
			flex-wrap: wrap;
			margin-top: 24rpx;
			// justify-content: space-between;
			.member-main-item {
				width: 25%;
				margin-bottom: 36rpx;
				.main-item-pic {
					width: 76rpx;
					height: 76rpx;
					display: block;
					margin: 0 auto 12rpx;
				}
				.main-item-info {
					font-size: 26rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #222222;
					text-align: center;
				}
			}
		}
	}
	
	
	.member-ikon{
		width: 686rpx;
		height: 240rpx;
		margin-top: 20rpx;
		box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(0, 0, 0, 0.1);
		border-radius: 16rpx;
	}
	
	.logout-btn {
		width: 686rpx;
		height: 76rpx;
		background: #6E99C7;
		border-radius: 38rpx;
		font-size: 28rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: white;
		text-align: center;
		line-height: 76rpx;
		margin-bottom: 40rpx;
	}
	
	.qrcode-root {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 8888;
		background-color: rgba(0, 0, 0, 0.5);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		.qrcode-dialog {
			background-color: #FFFFFF;
			border-radius: 24rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 24rpx;
			.poster-wrap {
				border-radius: 24rpx;
				box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(0, 0, 0, 0.1);
				margin: 24rpx 0;
				box-sizing: border-box;
				display: flex;
			}
			.close-btn {
				width: 40rpx;
				height: 40rpx;
				align-self: flex-end;
			}
			.btn-line {
				display: flex;
				justify-content: space-around;
				align-items: center;
				.confirm-btn {
					width: 204rpx;
					height: 76rpx;
					background: #6E99C7;
					border-radius: 38rpx;
					font-size: 28rpx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: white;
					text-align: center;
					line-height: 76rpx;
					margin-right: 24rpx;
				}
			}
		}
		
	}
}
